<template>
    <div class="slot">
        子组件，测试插槽，顶部
        <hr>
        <!-- 默认插槽 -->
        <slot></slot>
        <hr>
        具名插槽
        <hr>
        <slot name="ss1"></slot>
        <hr>
        <p>这是组件底部</p>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped>
.slot{
    background-color: pink;
    border: 2px solid red;
}
</style>